/*.middle {*/
/*    text-align: center;*/
/*    color: red;*/
/*}*/

* {
    margin: 0;
}

.home {
    display: flex;
    justify-content: center;
}

/*少用标签选择器*/
/*div {*/
/*    border: 1px solid red;*/
/*    !*margin 里面参数情况  1个  2个  3个  4个  上右下左*!*/
/*    margin: 1px;*/
/*}*/
.content {
    width: 1200px;
    border: 1px solid red;
}

.top {
    width: 1200px;
    background-image: url("../img/banner_qtah.jpg");
    height: 600px;
    background-size: 100% 100%;
    color: white;
}

/*如果设置了display  那么宽度默认为0*/
.top > div {
    /*border: 1px solid red;*/
    /*height: 100px;*/
    display: flex;
    justify-content: center;
}

.top > div > div {
    width: 1000px;
}

.top > div:nth-child(1) > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*选择第几个div*/
.top > div:nth-child(1) > div > div:nth-child(1) {
    height: 141px;
}

.top > div:nth-child(1) > div > div:nth-child(2) {
    display: flex;
    align-items: center;
}

.top > div:nth-child(1) > div > div:nth-child(2) > div {
    margin: 2px;
}

/*------------------------华丽的分隔符-----------------------------*/
.top > div:nth-child(2) {
    height: 50px;
    background-color: rgb(230, 145, 55);
}

.top > div:nth-child(2) > div {

    display: flex;
    align-items: center;
}

.top > div:nth-child(2) > div > div {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}

/*鼠标移上去的事件*/
.top > div:nth-child(2) > div > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
}

/*-----------------------------------广告---------------*/
.top > div:nth-child(3) > div {
    /*border: 1px solid blue;*/
}

.top > div:nth-child(3) > div > div:nth-child(1) {
    font-size: 50px;
    margin: 50px 0 0 0;
}

.ad > div {
    line-height: 30px;
}

/*兄弟选择器.ad + div */
.ad + div > div:nth-child(1) {
    display: flex;
}

.top > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(1) {
    display: flex;
    align-items: flex-end;
}

/*odd 代表奇数  偶数  even*/
.top > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(even) {
    font-size: 30px;
    color: orange;
}

.top > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(2) {
    font-size: 30px;
    color: orange;
    /*margin-left: 50px;*/
    text-indent: 1.2em;
}
/*-----------中间部分  公共css--------------------------------*/
.middle{
    display: flex;
    justify-content: center;
}
.middle>div{
    width: 1000px;
    margin: 50px 0;
    /*border: 1px solid blue;*/
}
.title {
    color: orange;
    font-size: 30px;
    padding: 10px;

}
